<template>
  <div>
    <iframe :src="src" scrolling="no" frameborder="0" style="position:absolute;top:40px;left:0" id="content"></iframe>
  </div>

</template>
<style scoped>
div,
iframe {
  width: 100vh;
  height: 100vh;
}

iframe {
  transform: scaleX(0.9);
}
</style>
<script>

export default {
  name: 'App',
  mounted () {
    window.onresize = () => {
      document.getElementById("content").style.height=document.getElementById("content").scrollWidth*0.75+"px";
    
    };

  },
  data () {
    return {
      src: 'https://flk.npc.gov.cn/index.html'
    };
  },
  methods: {
      changeMobsfIframe(){
        const content = document.getElementById('content');
        const deviceWidth = document.body.clientWidth;
        const deviceHeight = document.body.clientHeight;
        content.style.width = (Number(deviceWidth)-0) + 'px'; //数字是页面布局宽度差值
        content.style.height = (Number(deviceHeight)-40) + 'px'; //数字是页面布局高度差
      },

  }
}
</script>